<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="description" content="西邮,西邮无课教室查询,畅校园西邮无课表">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="./iconfont.css">
	<title>无课教室-畅校园</title>
	<style type="text/css">
	  body{
        font:14px/1.5 "微软雅黑";
	  }
      body,h2,h1,input,div,hr{
      	margin:0;
      	padding:0;
      }
      * { /*取消移动端按钮点击出现蓝色背景*/
        -webkit-tap-highlight-color: rgba(0,0,0,0); 
        -webkit-appearance: none; 
      }
      .header{
      	padding:2em 0;
      	position: relative;
      }
      h1{
      	text-align: center;
      	font-size:34px;
      	color:#3cc51f;
      	font-weight: 400;
      	margin:0 15%;
      }
      .desc{
      	text-align: center;
      	color:#888;
      	margin-bottom:8px;
      }
      .main-content{
      	margin:0 5%;
      }
      .week-content{
      	margin:28px 5%;
      }
      h2{
      	color:#fff;
      	background-color: #059999;
      	padding:5px;
      }
      .lesson{
      	color:#fff;
      	background-color: #98D2D3;
      	text-align: center;
      	width:2em;
      	height:2em;
      	line-height: 2em;
      	border-radius: 1em;
      }
      .site{
      	font-size:18px;
      	color:#89C6C6;
      	padding-right:20px;
      	display: inline-block;
      }
      .footer-content{
      	font-size:12px; 
     	margin:0px 5%;
     	text-align:center;
     	border-top:1px solid #ccc;
     	padding-top:20px;
     	padding-bottom:13px;
     }
     .room{
     	text-align: justify;
     }
     input[type="button"]{
        outline: medium;
	    background: none;
	    border: none;
	    font: 14px "微软雅黑";
	    position: absolute;
	    top: 50%;
	    right: 5%;
	    margin-top: -32px;
	    border: 1px solid #059999;
	    background-color: #059999;
	    color:#fff;
	    /* width: 5em;
	    height: 1.8em;
	    line-height: 1.8em;
	    -webkit-box-shadow:1px 1px 3px #059999;
	            -moz-box-shadow:1px 1px 3px #059999;
	            box-shadow:1px 1px 3px #059999;
	    
	            -webkit-border-radius:5px;
	            -moz-border-radius:5px;
	            border-radius:5px;*/
	         } 

    .trangile-right{
    	width: 0;
    height: 0;
    border-top: 10px solid #059999;
    border-right: 10px solid transparent;
    float:left;
    }
    .trangile-left{
    	 width: 0;
    height: 0;
    border-top: 10px solid #059999;
    border-left: 10px solid transparent;
    float: left;
    }
    .rectangle{
    	width:20px;
    	height:7.3em;
    	background-color: #059999;
    }
    .node{
        position: absolute;
	    top: -2em;
	    right: 5%;
	    padding-top: 2em;
	    text-align: center;
	    cursor:pointer;
	    line-height: 1.3em;
	    color:#fff;
    }
	</style>
</head>
<body>
	<header class="header">
	<div class="node" id="node"><!-- <input type="button" value="查看今日"/> -->
	    <div class="rectangle"><i class="iconfont">&#xe638;</i>查看今日</div>
		<div class="trangile-right"></div>
	    <div class="trangile-left"></div>
	</div>
		<h1>无课教室</h1>
		<p class="desc">专为爱上自习的你量身定做</p>
		<hr/>
	</header>
	<div class="main-content">
		<div class="week">
			<h2>星期一</h2>
			<div class="week-content">
				<div class="lesson">1-2</div>
				<div class="room"><span class="site">西 区</span><br/><span class="site">东 区</span>FF510 FZ214 FZ215 FZ312 FZ403 FZ405</div>
			</div>
			<div class="week-content">
				<div class="lesson">3-4</div>
				<div class="room"><span class="site">西 区</span>A312<br/><span class="site">东 区</span>FF510 FZ302 FZ309 FZ312 FZ405 FZ508 FZ512 FZ514 FZ516 FZ521</div>
			</div>
	        <div class="week-content">
				<div class="lesson">5-6</div>
				<div class="room"><span class="site">西 区</span>A105 A237 A244 A344 A417 A430 A437 A440 A444 A512 A522 A530 A540 A541 A544<br/><span class="site">东 区</span>FF203 FF207 FF308 FF407 FF410 FF505 FF507 FF510 FZ203 FZ208 FZ209 FZ217  FZ303 FZ310 FZ312 FZ315 FZ408 FZ410 FZ414 FZ420 FZ505 FZ508 FZ512 FZ516 FZ518 FZ520 FZ523</div>
			</div>
			<div class="week-content">
				<div class="lesson">7-8</div>
				<div class="room"><span class="site">西 区</span>A108 A112 A120 A130 A133 A137 A138 A142 A230 A240 A312 A408 A412 A422 A437 A444 A501 A508 A512 A517 A521 A525 A526 A530 A537 A540 A541 A544<br/><span class="site">东 区</span>FF207 FF308 FF410 FF505 FF507 FF510 FZ203 FZ208 FZ209 FZ217 FZ303 FZ310  FZ312 FZ315 FZ408 FZ410 FZ414 FZ420 FZ505 FZ512 FZ518  FZ520 </div>
			</div>
	  </div>


	  <div class="week">
			<h2>星期二</h2>
			<div class="week-content">
				<div class="lesson">1-2</div>
				<div class="room"><span class="site">西 区</span>A133 A138 A208 A312 A344 A440 A444<br/><span class="site">东 区</span>FF410 FF510 FZ302 FZ312 FZ403 FZ512 </div>
			</div>
			<div class="week-content">
				<div class="lesson">3-4</div>
				<div class="room"><span class="site">西 区</span>A112 A230<br/><span class="site">东 区</span>FF403 FF410 FF510 FF203 FZ303 FZ319 FZ505 FZ508 FZ511 FZ512 FZ514 FZ521 </div>
			</div>
	        <div class="week-content">
				<div class="lesson">5-6</div>
				<div class="room"><span class="site">西 区</span>A138 A508 A512<br/><span class="site">东 区</span>FF207 FF308 FF410 FF505 FF510 FZ209 FZ217 FZ306 FZ310 FZ312 FZ315 FZ318 FZ320 FZ409 FZ412 FZ414 FZ420 FZ511 FZ514 FZ516 FZ520 FZ524 FZ526 </div>
			</div>
			<div class="week-content">
				<div class="lesson">7-8</div>
				<div class="room"><span class="site">西 区</span>A108 A112 A120 A137 A138 A201 A230 A233 A240 A408 A412 A422 A430 A440 A441 A444 A508 A512 A517 A521 A522 A525 A526 A530 A537 A540 A541 A544<br/><span class="site">东 区</span>FF207 FF303 FF505 FF507 FF510 FZ203  FZ209 FZ217 FZ306 FZ310 FZ314 FZ316  FZ318 FZ320 FZ403 FZ405 FZ409 FZ410 FZ412 FZ414 FZ416 FZ418 FZ420 FZ505  FZ508 FZ511 FZ512 FZ514 FZ516 FZ518 FZ520 FZ523 FZ524 </div>
			</div>
	  </div>


	  <div class="week">
			<h2>星期三</h2>
			<div class="week-content">
				<div class="lesson">1-2</div>
				<div class="room"><span class="site">西 区</span>A137 A308 A405<br/><span class="site">东 区</span>FF507 FF510 FZ209 FZ405 FZ406 FZ505 FZ508 FZ512 FZ514 FZ516 FZ521</div>
			</div>
			<div class="week-content">
				<div class="lesson">3-4</div>
				<div class="room"><span class="site">西 区</span>A112 A137<br/><span class="site">东 区</span>FF410 FF507 FF510  FZ209 FZ505 FZ508 FZ512 FZ514 FZ516 FZ252  </div>
			</div>
	        <div class="week-content">
				<div class="lesson">5-6</div>
				<div class="room"><span class="site">西 区</span>A112 A408 A426<br/><span class="site">东 区</span>FF207 FF305 FF307 FF308 FF505 FF510 FZ203 FZ217 FZ310 FZ314 FZ315 FZ318 FZ320 FZ408 FZ412 FZ414 FZ420 FZ511 FZ512 FZ510 FZ514 FZ516 FZ520</div>
			</div>
			<div class="week-content">
				<div class="lesson">7-8</div>
				<div class="room"><span class="site">西 区</span>A108 A112 A120 A133 A308 A312 A321 A330 A333 A337 A340 A344 A401 A408 A412 A425 A441 A501 A508 A512 A517 A521 A522 A526 A530 A537 A540 A541 A544<br/><span class="site">东 区</span>FF207 FF308 FF407 FF505 FF507 FF510 FZ217 FZ306 FZ310 FZ314 FF303 FZ316  FZ318 FZ320 FZ403  FZ405 FZ409 FZ410 FZ412 FZ414 FZ416 FZ418 FZ420 FZ505 FZ508 FZ511 FZ512 FZ514 FZ516 FZ518 FZ520 FZ524 </div>
			</div>
	  </div>


	  <div class="week">
			<h2>星期四</h2>
			<div class="week-content">
				<div class="lesson">1-2</div>
				<div class="room"><span class="site">西 区</span>A212 A230 A422 A437 A444<br/><span class="site">东 区</span>FF403 FF507 FF510 FZ214 FZ302 FZ305 FZ312 FZ316 FZ405 FZ406 FZ505 FZ511 </div>
			</div>
			<div class="week-content">
				<div class="lesson">3-4</div>
				<div class="room"><span class="site">西 区</span>A101 A205 A212 A337 A421 A422 A430 A440 A440 A441<br/><span class="site">东 区</span>FF319 FF507 FF510 FZ218 FZ302 FZ314 FZ320 FZ405 FZ406 FZ505 FZ511 FZ512 FZ514 FZ516 FZ521 </div>
			</div>
	        <div class="week-content">
				<div class="lesson">5-6</div>
				<div class="room"><span class="site">西 区</span>A138 A222 A312 A408 A417 A421 A501 A522 A525 A526 A530 A537 A540 A544<br/><span class="site">东 区</span>FF207 FF308 FF407 FF410 FF505 FF507 FF510 FZ208 FZ217 FZ310 FZ312 FZ314 FZ316 FZ320 FZ409 FZ410 FZ412 FZ414 FZ420 FZ511 FZ512  FZ514 FZ516 FZ518 FZ520 FZ523 FZ524 </div>
			</div>
			<div class="week-content">
				<div class="lesson">7-8</div>
				<div class="room"><span class="site">西 区</span>A101 A105 A108 A120 A130 A133 A138 A142 A201 A205 A233 A237 A312 A322 A333 A344 A408 A412 A441 A444 A501 A508 A512 A522 A525 A526 A530 A537 A540 A541<br/><span class="site">东 区</span>FF207 FF308 FF407  FF505 FF510 FZ203 FZ208 FZ209 FZ217 FZ306 FZ310 FZ314 FF207 FF308 FZ316 FZ318 FZ320 FZ403 FZ405 FZ409 FZ410 FZ412 FZ414 FZ416 FZ418 FZ420 FZ505 FZ508 FZ511 FZ512 FZ514 FZ516 FZ520 FZ523 FZ524 </div>
			</div>
	  </div>


	  <div class="week">
			<h2>星期五</h2>
			<div class="week-content">
				<div class="lesson">1-2</div>
				<div class="room"><span class="site">西 区</span>A138 A142 A222 A226 A230 A244 A401 A405 A417 A430 A437 A441 A525 A541 A544<br/><span class="site">东 区</span>FF403 FF510 FZ218 FZ305 FZ312 FZ405 FZ406 FZ512 FZ516 FZ521 </div>
			</div>
			<div class="week-content">
				<div class="lesson">3-4</div>
				<div class="room"><span class="site">西 区</span>A137 A230 A312 A412 A522 A530<br/><span class="site">东 区</span>FF510 FZ305 FZ309 FZ312 FZ319 FZ403 FZ405 FZ516 FZ521 </div>
			</div>
	        <div class="week-content">
				<div class="lesson">5-6</div>
				<div class="room"><span class="site">西 区</span>A130 A208 A230 A321 A408 A425 A430 A437 A440 A501 A508 A512 A517 A530 A540 A541 A544<br/><span class="site">东 区</span>FF207 FF308 FF505 FF507 FF510 FZ217 FZ306 FZ310 FZ314 FZ316 FZ318 FZ320 FZ403 FZ405 FZ409 FZ410 FZ412 FZ414 FZ416 FZ418 FZ420 FZ505 FZ508 FZ511 FZ512 FZ514 FZ516 FZ518 FZ520 FZ523 FZ524 </div>
			</div>
			<div class="week-content">
				<div class="lesson">7-8</div>
				<div class="room"><span class="site">西 区</span>A101 A105 A108 A112 A130 A133 A137 A138 A142 A208 A212 A222 A226 A230 A233 A24 0 A244 A301 A305 A308 A312 A337 A340 A344 A401 A408 A412 A426 A430 A440<br/><span class="site">东 区</span>FF207 FF308 FF407 FF505 FF507 FF510 FZ203 FZ208 FZ209 FZ217 FZ306 FZ310 FZ314 FF207 FF308 FZ316 FZ318 FZ320 FZ403 FZ405 FZ409 FZ410 FZ412 FZ414 FZ416 FZ418 FZ420 FZ505 FZ508 FZ511 FZ512 FZ514 FZ516 FZ520 FZ523 FZ524 </div>
			</div>
	  </div>
    </div>
    <footer>
	  	<div class="footer-content">
	  		CopytRight© 2012-2015 CreatShare All Right Reserved
	  	</div>
   </footer>
   <script type="text/javascript">
	    /*获取滚动条距离浏览器顶部高度*/
        function getScrollTop(){  
		    var scrollTop=0;  
		    if(document.documentElement&&document.documentElement.scrollTop){ 
		        scrollTop=document.documentElement.scrollTop;  
		    }else if(document.body){  
		        scrollTop=document.body.scrollTop; 
		    }  
		    return scrollTop;  
		}

		var note = document.getElementById('node');
    	var headHeight = document.getElementsByTagName("header")[0].offsetHeight;
        var oDay = new Date();
        var day = oDay.getDay();
        var week = [];
        var s = [];
        var speed=200;
        if(day>5||day==0){
        	note.style.display = 'none';
        }
        note.onclick = function(){
        	var weeks = document.querySelectorAll(".week");
        	for(var i=0;i<weeks.length;i++){
        		week.push(weeks[i].offsetHeight);
        	}
            s = [headHeight,week[0]+28+headHeight,week[0]+week[1]+28*2+headHeight,week[0]+week[1]+week[2]+28*3+headHeight,week[0]+week[1]+week[2]+week[3]+28*4+headHeight];
           /*滑动函数*/
        	function move(){
        		speed = (s[day-1]-getScrollTop())/10;
        		speed = speed>0?Math.ceil(speed):Math.floor(speed);
        		window.scrollTo(0,getScrollTop()+speed);
        		if(getScrollTop()<s[day-1]){
        			requestAnimationFrame(move);
        		}
        	}
        	if(day<6){
               requestAnimationFrame(move);
        	}
        }
	</script>
</body>
</html>